<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>NAT协议仿真系统</title>
<style>


    .bjdiv{
        position: relative;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url("image/down.jpg");
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: cover;
        opacity: 0.8;
    }
    .zt{
        position: relative;
    }
    .hh{

        color: white;
        text-align: center;
        
    }
    .hhh{

        color: white;

    }
    .hhhhh{
        color: white;

    }

    button{
        position: absolute;
        background-color: azure;
        border-radius: 30px;
        border-style:none;
        width: 140px;
        height: 75px;
        left: 1080px;
    }
    .b2{
        top: 280px;
       
    }
    .b3{
        top: 380px;
        
    }
    .b4{
        top: 480px;
        
    }
    .h3{
        text-align: center;
    }
    a{
        text-decoration: none;
        color: black;
    }
    video{
        position: absolute;
        top: 155px;
        left: 100px;
        object-fit: fill;
        
    }
</style>
</head>
<body >
    <div class="bjdiv"></div>
    <div class="zt">
    <h1 class="hh">NAT协议仿真系统</h1>
        <h3 class="hhh">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;原理讲解:</h3>
        <h4 class="hhhhh"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;NAT（Network Address Translation）,
            是指网络地址转换，1994年提出的。NAT是用于在本地网络中使用私有地址，
            在连接互联网时转而使用全局 IP 地址的技术。NAT实际上是为解决IPv4地址短缺而开发的技术。</h4>
        <video width="950px" height="460px" controls poster="image/b .jpg">
            <source src="video/NAT.mp4" type="video/mp4">
        </video>
        <button class="b2" >
            <a href="./NAT.html" ><h3>原理讲解</h3></a>
        </button>
        <p></p>
        <button class="b3" >
            <a href="./NATs.html" ><h3>仿真实操</h3></a>
        </button>
        <p></p>
        <button class="b4" >
            <a href="./NATw.html" ><h3>问题解决</h3></a>
        </button>
    </div>    
</body>
</html>



